<template>
  <div class='container'>
    <el-dialog
      :title="'题目审核'"
      width="400px"
      :visible="dialogVisible"
      @close="close"
    >
      <!-- 表单 -->
      <el-form ref="formParams" :model="formParams" >
        <!-- 第一行 按钮 -->
        <el-form-item>
          <el-radio-group v-model="formParams.chkState">
            <el-radio :label="1">通过</el-radio>
            <el-radio :label="2">拒绝</el-radio>
          </el-radio-group>
        </el-form-item>
        <!-- 第二行 解释 -->
        <el-form-item style="margin-bottom:60px" prop="chkRemarks">
          <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入审核意见"
            v-model="formParams.chkRemarks">
          </el-input>
        </el-form-item>
        <!-- 第三行 提交取消按钮 -->
        <el-form-item style="margin-bottom:0px">
          <el-row type="flex" justify="end">
            <el-button>取消</el-button>
            <el-button type="primary" @click="confirmClick">确认</el-button>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>

  </div>
</template>

<script>
import { choiceCheck } from '@/api/hmmm/questions.js'
export default {
  data () {
    return {
      formParams: {
        chkState: 1,
        chkRemarks: ''
      }
      // props: {
      //   chkRemarks: [
      //     // { required: true, message: '审核意见为必填项', trigger: 'blur' },
      //     // 自定义校验
      //     {
      //       validator: (rule, value, callback) => {
      //         // 如果审核意见为空 message 提示
      //         if (!value) {
      //           callback(this.$message.warning('请输入审核意见'))
      //         } else {
      //           callback()
      //         }
      //       },
      //       trigger: 'blur'
      //     }
      //   ]
      // }
    }
  },
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    },
    checkCurrentId: {
      type: Number
    }
  },
  methods: {
    close () {
      this.$emit('update:dialogVisible', false)
    },
    async confirmClick () {
      // 如果输入框值为空
      if (!this.formParams.chkRemarks) {
        this.$message.warning('请输入审核意见')
      } else {
        // 表单整体校验
        // this.$refs.formParams.validate(async () => {
        try {
          // 掉接口
          await choiceCheck({ ...this.formParams, id: this.checkCurrentId })
        } catch (error) {
          Promise.reject(error)
        }
        // 关闭
        this.close()
        // 通知父组件 重新获取列表
        this.$emit('shenheOK')
        // })
      }
    }
  }

}
</script>

<style scoped lang='less'></style>
